<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 基本样式 -->
    <link rel="stylesheet" href="../src/mixins/style/normalize.css" />
    <link rel="stylesheet" href="../src/com_third/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="../src/mixins/style/base.css" />

    <!-- 当时项目公共样式 -->
    <link rel="stylesheet" href="src/common.css" />

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="../src/lib/bootstrap.min.css" />



</head>

<body>

    <div class="container" id="app">

        <div class="alert alert-danger mt_20" role="alert">当时路由设置,前进刷新,后退不刷新</div>
        <div class="alert alert-danger mt_20" role="alert">小型单页项目</div>

        <div class="mt_20" style="line-height:40px;height:40px;">
            <router-link class="btn btn-success" to="/one">one</router-link>
            <router-link class="btn btn-success" to="/two">two</router-link>
            <router-link class="btn btn-success" to="/three">three</router-link>
        </div>



        <keep-alive>
            <router-view v-if="$route.meta.keepAlive">
                <!-- 这里是会被缓存的视图组件 -->
            </router-view>
        </keep-alive>

        <router-view v-if="!$route.meta.keepAlive">
            <!-- 这里是不被缓存的视图组件 -->
        </router-view>




    </div>


    <script src="../src/lib/jquery.js"></script>
    <script src="../src/lib/sea-all.js"></script>
    <script src="../src/lib/vue.js"></script>
    <script src="../src/lib/vue-router.js"></script>


    <script src="../boot.js"></script>

    <script>
        $(function () {
            seajs.use('./06_refreshRoute.js');
        })
    </script>



</body>

</html>